body
{
	font-family: Arial;
}

TR, TD
{
	font-family: Arial;
}


/*Form*/

.Form
{
	width: 99%;
}

H3
{
	font-family: Arial;
	font-size: 12pt;
}

.Form .Header H3
{
	margin: 5px 0px 5px 0px;
	cursor: pointer;
}

.Form .Header TD
{
	padding: 0px;
	margin: 0px;
}

.Form TD
{
	padding-left: 10px;
}

.Clear, .clear { clear: both; }
/*Banner*/

.BannerList
{
	width: 99%;
}

.BannerList .Image
{
	width: 500px;
	height: 100px;
	overflow: hidden;
	border: solid 1px #808080;
}

/*NewsDetail*/

.NewsDetail
{

}

.NewsDetail .Title
{
	display: block;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #A63E55;
	padding-top: 3px;
	padding-bottom: 3px;
}

.NewsDetail .mainimg
{
	float: left;
	margin-right: 10px;
}

.NewsDetail .Description
{
	font: bold 12px arial;
	color: #6E341E;
}


/* Design mode */
.zone_normal,.zone_drag_over,.zone_empty,.zone_empty_over{margin-bottom: 10px;}
.zone_normal>:first-child,.zone_drag_over>:first-child,.zone_empty>:first-child,.zone_empty_over>:first-child{margin-top: 40px;}
.zone_normal h3,.zone_drag_over h3,.zone_empty h3,.zone_empty_over h3{position: absolute;top: -10px;left: 45%;color: #fff;font-style: italic;background-color: green;}


.zone_empty_over
{
	border-width: 1px;
	border-style: solid;
	border-color: #202020;
    position: relative;
}

.zone_empty
{
	width: 100%;
	height: 100px;
	border:2px solid #999;
	font-size: large;
    position: relative;
}

.zone_temp
{
	width: 100px;
	height: 200px;
    position: relative;
}

.zone_normal
{
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #c0c0c0;
    position: relative;
}

.zone_drag_over
{
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #202020;
}

.draggable
{
    padding:2px;
	/*position: relative;*/
	/*overflow:hidden; 	border-style: solid; 	border-width: 1px; */
	/*moz-alpha: 0.2;*/
	/*filter: Alpha(Opacity:80);*/
	width: 100%;
	color: blue;
}

.draggable_title
{
position: relative;
padding: 5px;
overflow: hidden;
cursor: move;
z-index: -90;
width: 95%;
background-color: #fff;
margin-bottom: 5px;
}

.draggable_title_ondrag
{
	/*width:200px;*/
	position: relative;
	padding: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #2080FF;
	z-index: 100;
	background-color: White;
	cursor: move;
	filter: Alpha(Opacity=75);
	moz-alpha: 0.25;
}
.bgdesign{background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;}
/*web_part_menu*/

.web_part_menu
{
	/*
	position: absolute;
	top: 3px;
	right: 30px;
	float: right;
*/
	background-color: bisque;
	display: block;
}

.cmd_edit a
{
	text-decoration: underline;
	font-size: 12px;
	padding-right: 5px;
}
.cmd_delete {
	float: right;
}
.cmd_delete a
{
	text-decoration: underline;
	font-size: 12px;
	padding-right: 5px;	
}

/*drop_down */

.drop_down_normal
{
	width: 500px;
	height: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #404040;
	padding: 0px;
	margin: 0px;
}

.drop_down_over
{
	width: 500px;
	height: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(49, 106, 197);
}

.dd_panel_normal
{
	width: 600px;
	height: 200px;
	overflow: scroll;
	display: none;
	border-style: solid;
	border-width: 1px;
}

.dd_panel_active
{
	position: absolute;
	width: 500px;
	height: 200px;
	overflow: auto;
	display: block;
	background-color: White;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(49, 106, 197);
}

/*A*/

UL, LI
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 10px;
}


A:link
{
	list-style-type: none;
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	text-decoration: none;
	color: #002277;
	font-weight: bold;
}

A:active
{
	font-weight: bold;
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	text-decoration: none;
	color: #002277;
}

A:visited
{
	font-weight: bold;
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	text-decoration: none;
	color: #007722;
}


A:hover
{
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
	color: #772200;
}

/*Command */

.CommandSave input,
input.CommandSave
{

}

.CommandEdit input,
input.CommandEdit
{
	font-size: 0px;
	width: 24px;
	height: 24px;
	background: url(../../images/edit.jpg) no-repeat;
	border: none;
	cursor: pointer;
}
.CommandRemake{
	width: 24px;
	height: 24px;
	background: url(../../images/renew.png) no-repeat;
	border: none;
	cursor: pointer;}
.CommandDelete input,
input.CommandDelete
{
	font-size: 0px;
	border: none;
	cursor: hand;
	width: 24px;
	height: 24px;
	background: url(../../images/delete.jpg) no-repeat;
}

input.CommandDelete {
	background-position: 10px 0;
	width: 40px;
}

/*Grid View */

.GridView,
.Contents,
.GridView table,
.Contents table
{
	width: 100%;
}

.GridView td,
.GridView th,
.Contents td,
.Contents th
{ padding: 10px; }

.GridView tr:hover,
.Contents tr:hover,
.GridView table tr:hover,
.Contents table tr:hover{background-color: bisque;}

.Header,
tr.Header,
tr.Header:hover
{
	background-color: rgb(88, 152, 197);
	border: solid 1px #404040;
	
	font-weight: bold;
	color: White;
	font-family: Arial;
	text-align: left;
}
div.Header {
padding: 5px;
cursor: pointer;
margin-bottom: 10px;
}
div.content {
	margin-bottom: 10px;
}
div.content table {
	border-collapse: collapse;
	border-top: solid 1px #404040;
	border-left: solid 1px #404040;
}
div.content td {
	border-bottom: solid 1px #404040;
	border-right: solid 1px #404040;
	padding: 5px;
}
/*
.GridView img,
.Contents img
{
	width: 50px;
	height: auto;
	border: none;
}
*/
.Item
{
	background-color: rgb(242, 249, 255);
}

.AlterItem
{
}

.AlterItem td {
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
}

.Contents .Header, .BannerList .Header
{
	border: solid 1px #404040;
	height: 24px;
	font-size: 12pt;
	font-weight: bold;
	font-family: Arial;
	text-align: left;
}

.BannerList TH
{
	border-bottom: solid 1px #202020;
	margin-bottom: 5px;
}

.BannerList TD
{
	padding-top: 5px;
}

table.Contents {
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-collapse: collapse;
}

table.Contents TD
{
	padding: 3px 10px;
	border-right: solid 1px #ccc;
}

.Contents .Item
{
	background-color: rgb(242, 249, 255);
	height: 20px;
}

.Contents .AlterItem
{
	height: 20px;
}

/*User */

.PortalUser
{
	width: 400px;
}

.PortalUser .Header
{
	border: solid 1px #404040;
	height: 24px;
	font-size: 13pt;
	font-family: Arial;
	font-weight: bold;
	text-align: left;
}

.PortalUser .Header TH
{
	border-bottom: solid 1px #202020;
}


.PortalUser .Image
{
}

.PortalUser .Item TD
{
	background-color: #D0E0FF;
	border-bottom: solid 1px #203040;
}

.PortalUser .Image img
{
	width: 3em;
	margin: 3px;
	border: solid 1px #808080;
}

.panel_icon
{
	cursor: hand;
}


.LoginContainer
{
	text-align: center;
	vertical-align: middle;
}

.LoginContainer div
{
	background-image: url(../../images/background.jpg);
	width: 412px;
	height: 180px;
	overflow: hidden;
	padding-top: 70px;
}

.title
{
	font-family: Arial;
	font-size: 12px;
}

.title h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #002277;
	font-weight: bold;
}


.panel_seprate
{
	background-color: rgb(120, 130, 140);
	border-bottom: solid 1px rgb(220, 230, 240);
	overflow: hidden;
	font-size: 0px;
	height: 1px;
	width: 99%;
}

/*drop_down */

.drop_down_normal
{
	width: 500px;
	height: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #404040;
	padding: 0px;
	margin: 0px;
}

.drop_down_over
{
	width: 500px;
	height: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(49, 106, 197);
}

.dd_panel_normal
{
	background: url(../../images/bgBannerSelect.gif) left top no-repeat;
	width: auto;
	height: 200px;
	overflow: scroll;
	display: none;
	border-style: solid;
	border-width: 1px;
}

.dd_panel_active
{
	position: absolute;
	width: 500px;
	height: 200px;
	overflow: auto;
	display: block;
	background-color: White;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(49, 106, 197);
}

li
{
	list-style-image: url(../../images/bullet_more.jpg);
	line-height: 20px;
    border-bottom: 1px solid #eee;
}
li:last-child{border:0}
.SimpleWebpart
{
	width: 100%;
	border-collapse: collapse;
}

.SimpleWebpart .Header
{
	background: #ccc;
	height: 25px;
}

.listbox_normal
{
	width: auto;
	height: 200px;
	overflow: scroll;
}

.ddl_normal
{
	width: auto;
	height: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #404040;
	padding: 0px;
	margin: 0px;
	min-width: 120px;
}
/*Contact*/

.Contact
{
	width: 500px;
}

.Contact input { margin-bottom: 2px; }

table.Contact
{
	width: auto;
}

.Contact .Header
{
	font: bold 12px tahoma;
}

.Contact td
{
	padding: 5px 3px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

.Contact .Title
{
	font: bold 22px tahoma;
	padding: 10px 0;
	margin-bottom: 20px;
	color: Green;
	border-bottom: solid 1px blue;
}

.Contact #tabOK
{
	clear: both;
	width: 80%;
	border: solid 1px #333;
	vertical-align: middle;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 22px;
	padding: 5px;
}

.Contact .field
{
	float: left;
	width: 40%;
	font-weight: bold;
}

.Contact .value
{
	float: left;
	width: 58%;
}

.textbox
{
	width: 100%;
	padding: 1px;
}


/*Faq*/

.Faq
{
	width: 100%;
}

.Faq input { margin-bottom: 2px; }

table.Faq
{
	/*width:auto;*/
}

.Faq .Header
{
	font: bold 12px tahoma;
}

.Faq td
{
	padding: 5px 3px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

.Faq .Title
{
	font: bold 22px tahoma;
	padding: 10px 0;
	margin-bottom: 20px;
	color: Green;
	border-bottom: solid 1px blue;
}

.Faq #tabOK
{
	clear: both;
	width: 80%;
	border: solid 1px #333;
	vertical-align: middle;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 22px;
	padding: 5px;
}

.Faq .field
{
	float: left;
	width: 40%;
	font-weight: bold;
}

.Faq .value
{
	float: left;
	width: 58%;
}

.error
{
	font-family: Arial;
	font-size: 11px;
	color: Red;
}

.col_Left
{
	width: 200px;
}

.col_Middle
{
	width: 5px;
}

.rowbolder {
	background-color: #f4f4f4;
	vertical-align: top;
}

.row {
	background-color: #f1ffcc;
	vertical-align: top;
}

.trip_left {
	background-color: #ccc;
	width: 130px;
	text-align: right;
	border-bottom: solid 1px #fff;
	padding: 0 10px;
}

div.thumbs img {
	height: 50px;
	width: auto;
	float: left;
	margin-right: 5px;
	border: solid 2px #ccc;
}
div.icondelete {
	position: relative;
	z-index: 9999;
	top: 2px;
	right: 0;
	cursor: pointer;
	float: left;
}

.hightlight {
	background-color: bisque;
}
.hightlight_green {
	background-color: paleturquoise;
}
input[type='text'], textarea {width: 98%;}
input[type='text']{height: 26px;line-height: 26px;}
input[type='button'],input[type='submit']{height: 32px;}
select{height: 32px;line-height: 32px;}
.ga{width:100%;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;border-collapse: collapse;margin-bottom:10px;margin-top:20px;}
.ga td,.ga th{padding:5px 10px;border-top:solid 1px #ccc;border-left:solid 1px #ccc;}
.ga th{text-align:left;font-size:20px;}
.ga th span{font-size:12px;}
.ga .cl1{font-weight:bold;width:20%;}
.left{float:left;}
.right{float:right;}
.hand{cursor:pointer;}
div.homemenu{clear: both;min-height: 190px;}
div.homemenu > div{ position: relative;z-index: 1;float: left;margin-right: 50px;width: 98px;text-align: center;border: solid 1px #fff;}
div.homemenu > div > img{ height: 104px;width: 98px;}
div.homemenu > div > span{ color: #000;font-weight: bold;}


.jumping{ position: absolute;right: 35%;}
.jumping select{ min-width: 50px;}
.success{ background-color: green;color: #fff;padding: 5px;text-align: center;margin: 0 auto;}